<template>
<div>
  <form-edit :form="form" ref="form" :options="options" :columns="4"/>
  <icon-select v-model="icon" @select="select" />
  <test-render/>
  <el-pagination
      :current-page="1"
      :page-sizes="[10, 20, 50, 100, 500]"
      :page-size="20"
      layout="total, sizes, prev, pager, next, jumper"
      :total="100"
      class="pagination"
    >
    </el-pagination>
    
</div>
</template>

<script>
import FormEdit from '@comp/form/FormEdit'
import IconSelect from '@comp/base/IconSelect'
import TestRender from './TestRender.vue'
import {form,options} from './test.js'
export default {
  components:{FormEdit,IconSelect,TestRender},
  data(){
    return {
      icon:"",
      form:{...form},
      options
    }
  },
  methods:{
    select(a,b){
      console.log(a,b)
    }
  },
  mounted(){
    this.$refs.form.submit()
  }
}
</script>